*{
  word-wrap: break-word;
}
.hero1, .hero2, .hero3{
  //改成轮播的
  max-width: 1700px;
  margin: 0 auto;
  height: 600px;
  background-size: cover;
  .text {
      padding: 10%;
      width: 100%;
      height: 100%;
      max-height: 800px;
      background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
      text-align: right;
      color: #EFEFEF;
  }
}

// .hero1 {
//   background: url(/static/img/playground.jpg) no-repeat top center;
// }
// .hero2 {
//   background: url(/static/img/35g_stadium.jpg) no-repeat top center;
// }
// .hero3 {
//   background: url(/static/img/35g_indoor.jpg) no-repeat top center;
// }


.grid {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 3.125%;
    &:after {
        clear: both;
        content: "";
        display: table;
    }
    .col-3 {
        float: left;
        display: block;
        margin-right: 3.16844%;
        width: 31.22104%;
    }
    .col-3:last-child {
        margin-right: 0;
    }
    .grid-panel {

        background: #EFEFEF;
        .grid-head {
            text-align: center;
            padding-top: 20px;
        }
        .grid-body {
            padding: 0px 15px 10px 15px;
            word-wrap: break-word;
            word-break: normal;
            line-height: 1.5;
            font-size: 1.2em;
        }
    }
}

@media all and (max-width: 560px) {
  .grid{
    .col-3{
      float: none;
      width: 100%;
    }
  }
}
